import React from 'react';
import A from './A'
import B from './B'
class App extends React.Component {
    constructor() {
        super()
        console.log('初始化')
        this.state = {
            showA: true
        }
    }
        render(){
            const { showA } = this.state
            return <div>
                {
                    showA ? <A></A> : <div>非常抱歉发生了一些小故障</div>
                }
                <B></B>
            </div>
        }
            componentDidUpdate(){
                console.log('完成更新')
            }
            // 容错ui --- 备胎组件
            //发生了错误,渲染备胎组件
            rivedStateFromError(){
                // 调用了,就修改state
                //state控制备胎组件的现实与否
                return {
                    //该对象等价于调用setState
                    showA: false

                }
            }

            //获取子组件错误的函数
            componentDidCatch(err, info){
                console.log(err)
                console.log(info)
            }
        }


export default App;